<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用layui</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
 
<!-- 你的HTML代码 -->
<table class="layui-hide" id="test"></table>
 
<script src="../layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use([ 'table', 'element'], function() {
	var layer = layui.layer;
	var table = layui.table;
	
	table.render({
	    elem: '#test'
	    ,url: '../dailies2'
		,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
		,cols: [[
			// id, digest, name(用户), created,  views, keywords
		  {field:'id', width:80, title: 'ID', sort: true}
		  ,{field:'digest', width:'30%', minWidth:200, title: '摘要'}
		  ,{field:'name', width:80, title: '用户'}
		  ,{field:'created', width:180, title: '时间'}
		  ,{field:'views', title: '阅读数', width: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
		  ,{field:'keywords', title: '关键字'}
		]]
		,page: true
	});

});
</script> 
</body>
</html>